<template>
  <i class="el-icon-rank" style="color:#fff;fontSize:20px" @click="changeScreen" />
</template>

<script setup>
import ScreenFull from 'screenfull'
export default {
  created() {

  },
  methods: {
    changeScreen() {
      if (!ScreenFull.isEnabled) {
        this.$message.warning('此时全屏组件不可用')
        return
      }
      ScreenFull.toggle()
    }

  }
}

</script>
<style scoped>
  .top-right {
    float: right;
    height: 100%;
    position: relative;
  }
</style>
